<template>
   <van-cell center :title="name" :label="author + ' - ' + name">
     <template #right-icon>
  <van-icon name="play-circle-o" size="0.6rem" @click="playFn" />
  </template>
   </van-cell>
</template>

<script>
export default {
props:{
    name:String, //歌名
    author:String, //歌手
    id:Number,  //歌曲id(标记歌曲 为将来跳转播放页做准备)
},
methods:{
  playFn(){
    this.$router.push({
      path:'/play',
      query:{
        id:this.id//歌曲id 通过路由跳转 传递过去
      }
    })
  }
}
}
</script>

<style scoped>
/* 给单元格设置底部的小边框 */
.van-cell{
  border-bottom: 1px solid lightGray;
}
</style>